import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

import  HeightC from './heightComponents/HeightC.vue'

Vue.component('HeightC',HeightC)

//在vue项目中  .vue 文件就是 组件
//其他的方式创建组件吗 =》{}


Vue.component('HeightT',{
     data(){  //组件中的data  函数=》防止数据污染
      return {}
     },
     render(h){ //render 第一个参数 是一个函数=》创建元素
      // h函数创建vnode=》就是一个对象
      // h('元素',属性，)
        console.log(h('h2',{},'张三'));
          return h('div',{attrs:{"class":'name'}},[
            h('h2',{},'张三'),
            h('h2',{},'张三')
          ])
     }
})

Vue.filter('changeT',function(time){
    //参数就是我们要处理的数据
    console.log(time); // 200

    //js
    let M;
    let m;
    let S;
    let s;

    m = Math.floor(time / 60);
    console.log(m);
    if (m > 9) {
       M = m; // 10
    } else {
      // 3
       M = `0${m}`; //00
    }
    s = time - m * 60; //20
    if (s > 9) {
      S = s; // 10
    } else {
      // 3
       S= `0${s}`; //00
    }

    //处理秒

    return `${M}:${S}`; //// 00:00
})


//创建  仓库

export let bus = new Vue() // {}
new Vue({
  render: h => h(App),//
}).$mount('#app')

//render=>将 vnode 变成  真实dom

// h()=>将真实dom 变成 vnode

//vue=》vnode
